<template>
	<view class="container">
		 <button class="affair" type="primary" @tap='affair'>河南政务服务网</button>
		 <button class="housing" type="primary" @tap='housing'>河南省住房和城乡建设厅</button>
		 <button class="credit" type="primary" @tap='credit'>信用中国</button>
		 <button class="believe" type="primary" @tap='believe'>学信网</button>
		 <button class="security" type="primary" @tap='security'>社保查询网</button>
		 <button class="constructor" type="primary" @tap='constructor'>建造师证查询网</button>
		 <button class="build" type="primary" @tap='build'>郑州住建网</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			affair(){
				uni.navigateTo({
					url: 'http://www.hnzwfw.gov.cn/'
				});
			},
			housing(){
				uni.navigateTo({
					url: 'http://www.hnjs.gov.cn/'
				});
			},
			credit(){
				uni.navigateTo({
					url: 'https://www.creditchina.gov.cn/'
				});
			},
			believe(){
				uni.navigateTo({
					url: 'https://www.chsi.com.cn/'
				});
			},
			security(){
				uni.navigateTo({
					url: 'http://www.12333sb.com/'
				});
			},
			constructor(){
				uni.navigateTo({
					url: 'http://www.coc.gov.cn/coc/webview/regConstructor.jspx'
				});
			},
			build(){
				uni.navigateTo({
					url: 'http://zzjsj.zhengzhou.gov.cn/'
				});
			}
		}
	}
</script>

<style>
.container{
	padding: 40upx 20upx;
}
button{
	margin: 30upx 10upx;
	font-size: 30upx;
	padding: 10upx 0;
}
.affair{
	background-color: #24C68A !important;
}
.housing{
	background-color: #7D96FB !important;
}
.credit{
	background-color: #B292FF !important;
}
.believe{
	background-color: #24C68A !important;
}
.security{
	background-color: #B292FF !important;
}
.constructor{
	background-color: #7D96FB !important;
}
.build{
	background-color: #FF9597 !important;
}
</style>
